<template>
  <div id="index">
    <el-container style="height:100%">
      <el-header>
        <topheader />
      </el-header>
      <el-container style="height:100%">
        <el-aside width="300px" style="height:100%">
          <leftnav />
        </el-aside>
        <el-main class="main">
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import topheader from '../components/topheader.vue'
import leftnav from '../components/leftnav.vue'
export default {
  name: "index",
  components: {
    topheader,
    leftnav
  },
};
</script>

<style lang="scss">
#index {
  background-color: rgb(244, 246, 249);
  .el-header {
    height: 80px !important;
    padding: 0 !important;
  }
}

</style>
